/* Notes */
/* Variables */
/* Colours */
/* Imports */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */

  vertical-align: baseline;
  /* 2 */

}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */

  font: inherit;
  /* 2 */

  margin: 0;
  /* 3 */

}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  /* 2 */

}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.row {
  margin-left: 0px;
}
.row:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
  border-left-width: 0px;
  padding: 0 0px;
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  position: relative;
  margin: 0 1.0638297872340425%;
}
.span12 {
  width: 97.87234042553192%;
}
.offset12 {
  margin-left: 101.06382978723406%;
}
.span11 {
  width: 89.53900709219857%;
}
.offset11 {
  margin-left: 92.7304964539007%;
}
.span10 {
  width: 81.20567375886523%;
}
.offset10 {
  margin-left: 84.39716312056737%;
}
.span9 {
  width: 72.87234042553192%;
}
.offset9 {
  margin-left: 76.06382978723404%;
}
.span8 {
  width: 64.53900709219857%;
}
.offset8 {
  margin-left: 67.7304964539007%;
}
.span7 {
  width: 56.20567375886524%;
}
.offset7 {
  margin-left: 59.39716312056736%;
}
.span6 {
  width: 47.87234042553192%;
}
.offset6 {
  margin-left: 51.06382978723404%;
}
.span5 {
  width: 39.539007092198574%;
}
.offset5 {
  margin-left: 42.730496453900706%;
}
.span4 {
  width: 31.20567375886525%;
}
.offset4 {
  margin-left: 34.39716312056738%;
}
.span3 {
  width: 22.872340425531913%;
}
.offset3 {
  margin-left: 26.063829787234045%;
}
.span2 {
  width: 14.539007092198581%;
}
.offset2 {
  margin-left: 17.730496453900706%;
}
.span1 {
  width: 6.205673758865247%;
}
.offset1 {
  margin-left: 9.397163120567376%;
}
/* Mixins */
html {
  position: relative;
  height: 100%;
  min-height: 100%;
}
body {
  background-color: #e6e5e2;
  color: #2d3238;
  font-size: 17px;
  line-height: 20px;
  overflow-y: scroll;
  height: 100%;
}
.sms-login-ribbon {
  background-color: #2d3238;
}
.sms-login-ribbon p {
  line-height: 30px;
  font-size: 12px;
  margin: 0;
  text-align: right;
}
.sms-login-ribbon p a {
  color: #fff;
  text-decoration: none;
}
.sms-login-ribbon p a:hover {
  color: #50d1fd;
}
.navigation-main ul {
  text-align: center;
  margin: 2.9411764705882355em 0 1.7647058823529411em 0;
  padding: 0;
  list-style-type: none;
}
.navigation-main ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 1.1764705882352942em;
}
.navigation-main ul li a {
  display: block;
  line-height: 1.7647058823529411em;
  color: #2d3238;
  text-decoration: none;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.navigation-main ul li a:hover {
  border-bottom: 1px solid #999;
}
.navigation-main ul li.current-menu-item a,
.navigation-main ul li.current-page-ancestor a {
  border-bottom: 1px solid #2d3238;
}
.tax-i-category .navigation-main ul li.menu-item-501 a,
.tax-m-category .navigation-main ul li.menu-item-501 a,
.single-industry-news .navigation-main ul li.menu-item-501 a,
.single-marketing-news .navigation-main ul li.menu-item-501 a {
  border-bottom: 1px solid #2d3238;
}
.single-industry-news .navigation-sms ul li.menu-item-1018 a,
.tax-i-category .navigation-sms ul li.menu-item-1018 a {
  color: #50d1fd;
}
.single-marketing-news .navigation-sms ul li.menu-item-1019 a,
.tax-m-category .navigation-sms ul li.menu-item-1019 a {
  color: #50d1fd;
}
.blog .resources-content article,
.single-post .resources-content article,
.category .resources-content article,
.page-template-tmpl-industry-news .resources-content article,
.page-template-tmpl-marketing-news .resources-content article,
.page-template-tmpl-resources-single2 .resources-content article,
.tax-i-category .resources-content article,
.tax-m-category .resources-content article,
.single-industry-news .resources-content article,
.single-marketing-news .resources-content article,
.blog .article-list article,
.single-post .article-list article,
.category .article-list article,
.page-template-tmpl-industry-news .article-list article,
.page-template-tmpl-marketing-news .article-list article,
.page-template-tmpl-resources-single2 .article-list article,
.tax-i-category .article-list article,
.tax-m-category .article-list article,
.single-industry-news .article-list article,
.single-marketing-news .article-list article,
.blog .article-single article,
.single-post .article-single article,
.category .article-single article,
.page-template-tmpl-industry-news .article-single article,
.page-template-tmpl-marketing-news .article-single article,
.page-template-tmpl-resources-single2 .article-single article,
.tax-i-category .article-single article,
.tax-m-category .article-single article,
.single-industry-news .article-single article,
.single-marketing-news .article-single article {
  font-size: 20px;
  line-height: 26px;
}
.single-case-study .banner .overlay h1 {
  font-size: 4.764705882352941em;
  font-weight: bold;
  line-height: 1em;
  margin: 0 0 0.37037037037037035em 0;
}
.single-case-study .navigation-main ul li.menu-item-60 a {
  border-bottom: 1px solid #2d3238;
}
.banner {
  width: 100%;
  height: 600px;
  background-color: #2d3238;
  position: relative;
}
.banner .overlay {
  position: absolute;
  width: 100%;
  z-index: 1;
  text-align: center;
}
.banner .overlay .logo {
  margin: 1.7647058823529411em auto;
  text-indent: -999em;
  display: block;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sprites.png);
  background-position: 0 0;
  width: 167px;
  height: 119px;
}
.banner .overlay h1 {
  color: #fff;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0 0 1em 0;
}
.banner .overlay p {
  color: #fff;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
}
.banner .overlay a.btn {
  font-size: 0.8235294117647058em;
  background-color: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 0.7142857142857143em 1.4285714285714286em;
  text-decoration: none;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
}
.banner .overlay a.btn:hover {
  background-color: #ff7568;
  color: #2d3238;
}
.banner .cycle-slideshow {
  display: block;
  top: 0;
  width: 100%;
  height: 600px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}
.banner .cycle-slideshow .slide {
  width: 100%;
  height: 600px;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.banner .cycle-slideshow .cycle-pager {
  position: absolute;
  z-index: 999;
  bottom: 1.1764705882352942em;
  width: 100%;
  text-align: center;
}
.banner .cycle-slideshow .cycle-pager span {
  font-size: 48px;
  color: #ff7568;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 3px;
}
.banner .cycle-slideshow .cycle-pager span.cycle-pager-active {
  color: #fff;
}
.signup-form {
  margin-bottom: 2.3529411764705883em;
}
.signup-form .sml {
  font-size: 0.8235294117647058em;
}
.signup-form .gform_description {
  display: block;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  padding: 8px;
  padding-bottom: 1em;
  font-size: 1em;
  text-decoration: underline;
}
.signup-form .validation_error,
.signup-form .gform_confirmation_wrapper {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  margin-bottom: 1em;
}
.signup-form .validation_error {
  color: #ff7568;
}
.signup-form .gform_confirmation_wrapper {
  color: #50d1fd;
}
.signup-form .gform_wrapper .gform_body,
.signup-form .gform_wrapper .gform_footer {
  display: inline-block;
}
.signup-form .gform_wrapper .gform_fields {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.signup-form .gform_wrapper .gform_fields .validation_message {
  color: #ff7568;
  margin: 2px 0;
  font-size: 0.8235294117647058em;
}
.signup-form .gform_wrapper .gform_fields .ginput_container input {
  outline: none;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  background-color: transparent;
  border: 1px solid #2d3238;
  padding: 8px 3.3333333333333335%;
  box-sizing: border-box;
  width: 100%;
  border-right: 0;
}
.signup-form .gform_wrapper .gform_button {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  background-color: transparent;
  border: 0;
  border: 1px solid #2d3238;
  box-sizing: border-box;
  padding: 8px 0;
  width: 100%;
  display: block;
  outline: none;
}
.signup-form .gform_wrapper .gform_button:hover,
.signup-form .gform_wrapper .gform_button:focus {
  background-color: #2d3238;
  color: #fff;
}
.signup-form .gform_wrapper .gform_body {
  width: 80%;
}
.signup-form .gform_wrapper .gform_footer {
  width: 20%;
  float: right;
}
.signup-form .gform_wrapper img.gform_ajax_spinner {
  position: absolute;
  margin-top: 10px;
  right: 0;
}
.signup-form .gfield {
  display: block;
}
.banner-short {
  height: 300px;
}
.page-template-tmpl-resources-main-php .banner,
.page-template-tmpl-resources-single-php .banner {
  height: 400px;
}
.page-template-tmpl-resources-main-php .banner .cycle-slideshow,
.page-template-tmpl-resources-single-php .banner .cycle-slideshow {
  height: 400px;
}
.page-template-tmpl-resources-main-php .banner .cycle-slideshow .slide,
.page-template-tmpl-resources-single-php .banner .cycle-slideshow .slide {
  height: 400px;
}
.three-col {
  margin-bottom: 8.235294117647058em;
}
.three-col header {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  display: block;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 1.3333333333333333em 0 2em 0;
}
.three-col .span4 p {
  text-align: center;
  padding: 0 2em;
  padding-bottom: 2.3529411764705883em;
  border-bottom: 1px solid #2d3238;
}
.three-col .span4 p.title {
  text-transform: uppercase;
  padding-bottom: 0;
  border-bottom: none;
}
.three-col .span4 p.title:after {
  content: "";
  display: block;
  width: 1px;
  height: 2.3529411764705883em;
  background-color: #2d3238;
  margin: 10px auto 0 auto;
}
.three-col .span4 p.icon {
  border: none;
  padding: 0;
}
.three-col .span4 hr {
  border: 0;
  border-bottom: 1px solid #2d3238;
  margin: 1.1764705882352942em 2.3529411764705883em 2.3529411764705883em 2.3529411764705883em;
}
.three-col-table {
  margin-bottom: 8.235294117647058em;
}
.three-col-table header {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  display: block;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 1.3333333333333333em 0 2em 0;
}
.three-col-table .table .trow {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 60px 0;
}
.three-col-table .table .trow .tcell {
  width: 25%;
  display: table-cell;
  text-align: center;
}
.three-col-table .table .trow .tcell.title {
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/line.png) top center no-repeat;
  border-bottom: none;
}
.three-col-table .table .trow .tcell p {
  text-align: center;
  padding-bottom: 2.3529411764705883em;
}
.three-col-table .table .trow .tcell p.title {
  margin-top: 0;
  margin-bottom: 2.3529411764705883em;
  text-transform: uppercase;
  padding-bottom: 0;
  border-bottom: none;
  background-color: #e6e5e2;
}
.three-col-table .table .trow .tcell p.title span {
  display: block;
  background-color: #e6e5e2;
  padding-bottom: 0.5882352941176471em;
}
.three-col-table .table .trow .tcell p.icon {
  border: none;
  background-color: #e6e5e2;
  padding: 0 0 20px 0;
  margin: 20px 0 0 0;
}
.three-col-table .table .trow .tcell p.icon.nobound {
  margin: -1px 0 0 0;
  background-color: #e6e5e2;
}
.three-col-table .table .trow .tcell p.icon a {
  display: block;
  background-color: #e6e5e2;
  text-align: center;
}
.three-col-table .table .trow .tcell p.icon a img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.three-col-table .table .trow .tcell p.icon a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=(50));
  opacity: 0.5;
}
.service-area a.title {
  background-color: #2d3238;
  color: #fff;
  display: block;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 55px;
  text-decoration: none;
  padding: 0 10px;
}
.service-area .full-bleed {
  height: 545px;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.service-area .full-bleed .container,
.service-area .full-bleed .row,
.service-area .full-bleed .span6 {
  height: 100%;
}
.service-area .full-bleed .icon {
  margin-top: 122.5px;
}
.service-area .full-bleed .related-text p {
  margin-top: 122.5px;
  font-size: 1.588235294117647em;
  line-height: 1.2592592592592593em;
  color: #fff;
  font-weight: bold;
}
.service-area .full-bleed .related-text .read-more {
  background-color: #2d3238;
  color: #fff;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  line-height: 55px;
  text-decoration: none;
  padding: 0 10px;
  width: 215px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/more-arrow.png);
  background-position: 214px 11px;
  background-repeat: no-repeat;
}
.service-area .full-bleed .related-text .read-more.yellow {
  background-color: #ffb46e;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.service-area .full-bleed .related-text .read-more.yellow:hover {
  background-color: #2d3238;
  background-position: 219px 11px;
}
.service-area .full-bleed .related-text .read-more.red {
  background-color: #ff7568;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.service-area .full-bleed .related-text .read-more.red:hover {
  background-color: #2d3238;
  background-position: 219px 11px;
}
.service-area .full-bleed .related-text .read-more.green {
  background-color: #1b9d8b;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.service-area .full-bleed .related-text .read-more.green:hover {
  background-color: #2d3238;
  background-position: 219px 11px;
}
.service-area .full-bleed .related-text .read-more.blue {
  background-color: #50d1fd;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.service-area .full-bleed .related-text .read-more.blue:hover {
  background-color: #2d3238;
  background-position: 219px 11px;
}
.case-study {
  margin-bottom: 3.235294117647059em;
}
.case-study header {
  background-color: #fff;
  color: #2d3238;
  display: block;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 55px;
  text-decoration: none;
  padding: 0 10px;
}
.case-study .full-bleed {
  height: 400px;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.case-study .full-bleed .container,
.case-study .full-bleed .row,
.case-study .full-bleed .span4 {
  height: 100%;
}
.case-study .full-bleed .case-text article {
  display: block;
  background-color: #fff;
  padding: 0.5882352941176471em;
  width: 280px;
  position: absolute;
  bottom: 0;
}
.case-study .full-bleed .case-text article:after {
  bottom: 100%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 15px;
  margin-left: -15px;
}
.case-study .full-bleed .case-text h2 {
  margin-top: 0;
}
.case-study .full-bleed .case-text h2,
.case-study .full-bleed .case-text p {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  line-height: 1.2592592592592593em;
  color: #2d3238;
  font-weight: normal;
  margin-bottom: 0;
}
.case-study .full-bleed .case-text h2 a,
.case-study .full-bleed .case-text p a {
  color: #2d3238;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.case-study .full-bleed .case-text h2 a:hover,
.case-study .full-bleed .case-text p a:hover {
  color: #1b9d8b;
}
.case-study .full-bleed .case-text h2.read-more,
.case-study .full-bleed .case-text p.read-more {
  margin-top: 2.3529411764705883em;
}
/* case study */
.ribbon {
  background-color: #FFB46E;
  margin-bottom: 3.5294117647058822em;
}
.ribbon p {
  color: #2d3238;
}
.ribbon p.back-btn {
  text-align: right;
}
.ribbon p a {
  color: #2d3238;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.ribbon p a:hover {
  color: #977254;
}
.main-content h2,
.extra-content h2 {
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
  margin: 0;
  font-weight: normal;
  text-decoration: underline;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-content p,
.extra-content p {
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
}
.main-content .row,
.extra-content .row {
  margin-bottom: 3.5294117647058822em;
}
.main-content .aside-hex p,
.extra-content .aside-hex p {
  text-transform: uppercase;
  text-align: center;
  color: #2d3238;
  font-size: 1em;
  letter-spacing: 0.1em;
}
.main-content .aside-hex p span.cite,
.extra-content .aside-hex p span.cite {
  font-weight: bold;
  text-transform: capitalize;
  font-style: italic;
  letter-spacing: 0;
  display: block;
  margin-top: 10px;
}
.case-nav,
.back-nav {
  background-color: #1b9d8b;
  margin-bottom: 3.5294117647058822em;
}
.case-nav nav ul,
.back-nav nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.case-nav nav ul li,
.back-nav nav ul li {
  width: 50%;
}
.case-nav nav ul li a,
.back-nav nav ul li a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  text-decoration: none;
  line-height: 3.235294117647059em;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.case-nav nav ul li a:hover,
.back-nav nav ul li a:hover {
  color: #2d3238;
}
.case-nav nav ul li.prev,
.back-nav nav ul li.prev {
  float: left;
}
.case-nav nav ul li.prev a,
.back-nav nav ul li.prev a {
  padding-left: 2.3529411764705883em;
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/case-nav-prev.png) no-repeat left center;
}
.case-nav nav ul li.next,
.back-nav nav ul li.next {
  float: right;
  text-align: right;
}
.case-nav nav ul li.next a,
.back-nav nav ul li.next a {
  padding-right: 2.3529411764705883em;
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/case-nav-next.png) no-repeat right center;
}
.back-nav {
  margin-bottom: 0;
}
/* products */
.product-area {
  margin-top: 3.5294117647058822em;
  margin-bottom: 5.882352941176471em;
}
.product-area .product-header {
  text-align: center;
}
.product-area .product-header:after {
  content: "";
  display: block;
  width: 1px;
  height: 3.1176470588235294em;
  background-color: #2d3238;
  margin: 0 auto 2.3529411764705883em auto;
}
.product-area .product-header hgroup {
  margin-bottom: 2.9411764705882355em;
}
.product-area .product-header hgroup h1 {
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0.6666666666666666em 0 0 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  font-weight: normal;
}
.product-area .product-header hgroup h2 {
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7568;
  font-weight: normal;
}
.product-area p {
  margin-top: 0;
}
.product-area .benefits header {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1b9d8b;
}
.product-area .benefits ul {
  margin-top: 1.1764705882352942em;
  padding: 0;
  margin-left: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
}
.product-area .benefits a {
  color: #2d3238;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.product-area .benefits a:hover {
  color: #1b9d8b;
}
.page-template-tmpl-resources-single-php .banner-short {
  height: 400px;
}
.page-template-tmpl-resources-single-php .text-content h1 {
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0 0 0.6666666666666666em 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7568;
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h1 b {
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h2 {
  font-size: 1.588235294117647em;
  line-height: 1.1851851851851851em;
  margin: 0 0 0.7407407407407407em 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1b9d8b;
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h2 b {
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h3 {
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
  margin: 0 0 0.8333333333333334em 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h3 b {
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h4 {
  font-size: 1.2352941176470589em;
  line-height: 1.5238095238095237em;
  margin: 0 0 0.9523809523809523em 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content h4 b {
  font-weight: normal;
}
.page-template-tmpl-resources-single-php .text-content p:first-of-type strong {
  font-weight: normal;
  font-size: 1.2352941176470589em;
  line-height: 1.4em;
  margin: 0 0 0.9523809523809523em 0;
}
.resources-list__wrapper {
  margin: 3.5294117647058822em 0;
}
h2.sidebar-header {
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0 0 0.6666666666666666em 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7568;
  font-weight: normal;
}
h2.sidebar-header a {
  color: #ff7568;
  text-decoration: none;
}
.resources-list {
  list-style-type: none;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}
.resources-list ul {
  list-style-type: none;
  padding: 0;
  margin: 10px;
}
.resources-list li {
  margin-bottom: 10px;
}
.resources-list.lrg {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  font-size: 21px;
  line-height: 26px;
}
.resources-list.lrg li {
  margin-bottom: 20px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
.resources-list.lrg ul {
  margin-bottom: 20px;
}
.resources-list.lrg ul li {
  font-size: 14px;
  margin-bottom: 5px;
}
.resources-list.sidebar-resources {
  font-size: 17px;
  line-height: 23.8px;
}
.resources-list.sidebar-resources li {
  margin-bottom: 20px;
}
.resources-list.sidebar-resources ul {
  margin-bottom: 20px;
}
.resources-list.sidebar-resources ul li {
  font-size: 14px;
  margin-bottom: 5px;
}
.resources-list a {
  text-decoration: none;
}
.resources-list a:hover {
  color: #ff7568;
}
.text-content {
  margin-top: 3.5294117647058822em;
  margin-bottom: 5.882352941176471em;
}
.text-content h2 {
  color: #ff7568;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
}
.text-content h3 {
  color: #1b9d8b;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
}
.text-content a {
  color: #2d3238;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.text-content a:hover {
  color: #ff7568;
}
.text-content .aside address {
  font-style: normal;
}
.text-content .aside address p {
  margin-top: 0;
}
.text-content p {
  line-height: 1.4em;
}
.text-content article .gform_confirmation_wrapper {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1b9d8b;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
}
.text-content article .gform_wrapper .gform_heading {
  margin-bottom: 2.3529411764705883em;
}
.text-content article .gform_wrapper .gform_description {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7568;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
}
.text-content article .gform_wrapper .validation_error {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  margin-bottom: 1.1764705882352942em;
}
.text-content article .gform_wrapper .gform_body .gform_fields {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.text-content article .gform_wrapper .gform_body .gform_fields .gfield {
  margin-bottom: 0.5882352941176471em;
}
.text-content article .gform_wrapper .gform_body .validation_message {
  color: #ff7568;
  display: block;
  margin: 5px 0;
}
.text-content article .gform_wrapper .gform_body .ginput_container input,
.text-content article .gform_wrapper .gform_body .ginput_container textarea {
  border: 1px solid #2d3238;
  width: 600px;
  background-color: transparent;
  padding: 8px;
  outline: none;
}
.text-content article .gform_wrapper .gform_body .ginput_container input:focus,
.text-content article .gform_wrapper .gform_body .ginput_container textarea:focus {
  border: 1px solid #1b9d8b;
}
.text-content article .gform_wrapper .gform_footer input {
  width: 215px;
  background-repeat: no-repeat;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/more-arrow.png);
  background-position: 198px 6px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  text-decoration: none;
  line-height: 2.3529411764705883em;
  border: none;
  background-color: #1b9d8b;
  text-align: left;
  outline: none;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.text-content article .gform_wrapper .gform_footer input:hover {
  color: #2d3238;
}
.text-content article .gform_wrapper .gform_footer img.gform_ajax_spinner {
  position: absolute;
  margin-left: 10px;
  margin-top: 15px;
}
/* footer */
.main-footer {
  background-color: #ff7568;
  color: #fff;
  padding: 4.117647058823529em 0;
}
.main-footer i.logo {
  display: block;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sprites.png);
  background-position: 0 -200px;
  width: 32px;
  height: 43px;
  text-indent: -999em;
}
.main-footer address {
  padding-bottom: 4.117647058823529em;
}
.main-footer address p {
  color: #fff;
  font-style: normal;
}
.main-footer address p a {
  color: #fff;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.main-footer address p a:hover {
  color: #2d3238;
}
.main-footer address p span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 50px;
}
.main-footer address p span.rTapNumber174427 {
  width: auto;
}
.main-footer ul.social-accounts {
  float: right;
}
.main-footer ul.social-accounts li {
  margin: 0 0 0 1.1764705882352942em;
}
.main-footer ul.social-accounts li a {
  color: #ff7568;
}
.main-footer ul.social-accounts li a:hover {
  background-color: #2d3238;
}
.main-footer hr {
  height: 1px;
  background-color: #fff;
  border: none;
}
.main-footer .copyright p,
.main-footer .cite p {
  color: #fff;
}
.main-footer .copyright p a,
.main-footer .cite p a {
  color: #fff;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.main-footer .copyright p a:hover,
.main-footer .cite p a:hover {
  color: #2d3238;
}
.main-footer .cite p {
  text-align: right;
}
ul.social-accounts {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.social-accounts li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 20px;
}
ul.social-accounts li a {
  background-color: #fff;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-clip: padding-box;
  line-height: 40px;
  width: 40px;
  text-align: center;
  color: #2d3238;
  text-decoration: none;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
ul.social-accounts li a:hover {
  background-color: #1b9d8b;
}
.grid {
  overflow: hidden;
  width: 960px;
  margin-left: -10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.grid .item {
  width: 460px;
  height: 470px;
  float: left;
  margin: 10px;
  background-color: #2d3238;
  position: relative;
  display: block;
  overflow: hidden;
}
.grid .item img {
  z-index: 2;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=(100));
  opacity: 1;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.grid .item span {
  background-color: #ff7568;
  color: #fff;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  line-height: 55px;
  text-decoration: none;
  padding: 0 10px;
  width: 215px;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/more-arrow.png);
  background-position: 214px 11px;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  z-index: 2;
  left: -235px;
}
.grid .item:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=(25));
  opacity: 0.25;
}
.grid .item:hover span {
  left: 0;
}
.grid .item.wide {
  width: 700px;
}
.grid .hex-light,
.grid .hex-dark {
  margin: 10px;
  height: 470px;
}
.grid .hex-light p,
.grid .hex-dark p {
  text-align: center;
  letter-spacing: 0.1em;
}
.grid .hex-light p img,
.grid .hex-dark p img {
  max-width: 100%;
}
.grid .hex-dark {
  background-color: #2d3238;
}
.grid .hex-dark p {
  text-align: center;
  padding: 0 10px;
  color: #e6e5e2;
}
.grid p.lrg {
  font-size: 4.764705882352941em;
  line-height: 1em;
  margin: 0.24691358024691357em 0 0 0;
  padding-right: 1em;
  font-weight: bold;
  font-style: italic;
  color: #2d3238;
}
.partners {
  margin-bottom: 3.5294117647058822em;
}
.partners p {
  text-decoration: underline;
  font-weight: bold;
}
.hex-220,
.hex-380,
.hex-460 {
  position: relative;
}
.hex-220 span.mask,
.hex-380 span.mask,
.hex-460 span.mask {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
}
.hex-220 img.photo,
.hex-380 img.photo,
.hex-460 img.photo {
  position: relative;
  z-index: 1;
}
.hex-220 span.mask {
  height: 245px;
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/mask-220.png) no-repeat top left;
}
.hex-380 span.mask {
  height: 424px;
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/mask-380.png) no-repeat top left;
}
.hex-460 span.mask {
  height: 513px;
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/mask-460.png) no-repeat top left;
}
.gmap {
  display: block;
  height: 500px;
  margin-bottom: 3.5294117647058822em;
  border: 1px solid #fff;
}
.blog .blog-list,
.single-post .blog-list,
.category .blog-list {
  margin-top: 20px;
  margin-bottom: 60px;
  background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/blog-list-bg.png) 730px 0px repeat-y;
}
.blog .blog-list .post,
.single-post .blog-list .post,
.category .blog-list .post {
  overflow: hidden;
  margin-bottom: 60px;
}
.blog .blog-list .post .img,
.single-post .blog-list .post .img,
.category .blog-list .post .img {
  width: 460px;
  margin-left: 160px;
  margin-bottom: -20px;
}
.blog .blog-list .post .img a,
.single-post .blog-list .post .img a,
.category .blog-list .post .img a {
  display: block;
  background-color: #2d3238;
}
.blog .blog-list .post .img a img,
.single-post .blog-list .post .img a img,
.category .blog-list .post .img a img {
  display: block;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.blog .blog-list .post .img a:hover img,
.single-post .blog-list .post .img a:hover img,
.category .blog-list .post .img a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=(25));
  opacity: 0.25;
}
.blog .blog-list .post aside,
.single-post .blog-list .post aside,
.category .blog-list .post aside {
  width: 140px;
  margin-right: 20px;
  float: left;
}
.blog .blog-list .post aside h2,
.single-post .blog-list .post aside h2,
.category .blog-list .post aside h2 {
  margin-top: 80px;
  margin-bottom: 0;
  font-size: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7568;
}
.blog .blog-list .post aside p.cats,
.single-post .blog-list .post aside p.cats,
.category .blog-list .post aside p.cats {
  margin: 0;
}
.blog .blog-list .post aside .share,
.single-post .blog-list .post aside .share,
.category .blog-list .post aside .share {
  margin-top: 40px;
}
.blog .blog-list .post aside .share header,
.single-post .blog-list .post aside .share header,
.category .blog-list .post aside .share header {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.blog .blog-list .post aside .share ul,
.single-post .blog-list .post aside .share ul,
.category .blog-list .post aside .share ul {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.blog .blog-list .post aside .share ul li,
.single-post .blog-list .post aside .share ul li,
.category .blog-list .post aside .share ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-right: 5px;
}
.blog .blog-list .post aside .share ul li a,
.single-post .blog-list .post aside .share ul li a,
.category .blog-list .post aside .share ul li a {
  background-color: #fff;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-clip: padding-box;
  line-height: 40px;
  width: 40px;
  text-align: center;
  color: #2d3238;
  text-decoration: none;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.blog .blog-list .post aside .share ul li a:hover,
.single-post .blog-list .post aside .share ul li a:hover,
.category .blog-list .post aside .share ul li a:hover {
  color: #e6e5e2;
  background-color: #1b9d8b;
}
.blog .blog-list .post article,
.single-post .blog-list .post article,
.category .blog-list .post article {
  width: 460px;
  float: right;
  margin-right: 40px;
}
.blog .blog-list .post article h1,
.single-post .blog-list .post article h1,
.category .blog-list .post article h1 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.blog .blog-list .post article h1 a,
.single-post .blog-list .post article h1 a,
.category .blog-list .post article h1 a {
  color: #ff7568;
  text-decoration: none;
  -webkit-transition: color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out;
  -ms-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}
.blog .blog-list .post article h1 a:hover,
.single-post .blog-list .post article h1 a:hover,
.category .blog-list .post article h1 a:hover {
  color: #2d3238;
}
.blog .blog-list .post article .read-more a,
.single-post .blog-list .post article .read-more a,
.category .blog-list .post article .read-more a {
  color: #1b9d8b;
  text-decoration: none;
  -webkit-transition: color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out;
  -ms-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}
.blog .blog-list .post article .read-more a:hover,
.single-post .blog-list .post article .read-more a:hover,
.category .blog-list .post article .read-more a:hover {
  color: #2d3238;
}
.blog .sidebar,
.single-post .sidebar,
.category .sidebar {
  background-color: #1b9d8b;
  padding: 20px;
  border-top: 20px solid #ffb46e;
}
.blog .sidebar ul,
.single-post .sidebar ul,
.category .sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.blog .sidebar ul li.categories,
.single-post .sidebar ul li.categories,
.category .sidebar ul li.categories {
  font-weight: bold;
  color: #ff7568;
}
.blog .sidebar ul li.categories ul,
.single-post .sidebar ul li.categories ul,
.category .sidebar ul li.categories ul {
  margin-top: 20px;
  border: none;
  list-style-type: disc;
  color: #fff;
  margin-left: 1em;
}
.blog .sidebar ul li.categories ul li a,
.single-post .sidebar ul li.categories ul li a,
.category .sidebar ul li.categories ul li a {
  font-weight: normal;
  color: #fff;
  text-decoration: none;
}
.post-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.post-nav ul li {
  width: 50%;
}
.post-nav ul li.prev {
  float: left;
}
.post-nav ul li.next {
  float: right;
  text-align: right;
}
.post-nav ul li a {
  color: #1b9d8b;
  text-decoration: none;
  -webkit-transition: color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out;
  -ms-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}
.post-nav ul li a:hover {
  color: #2d3238;
}
.single-post .blog-list .post .img {
  margin-left: 0;
}
/* Typo */
h2,
h3,
h4 {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p,
ul,
ol {
  color: #2d3238;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 1.1764705882352942em 0;
}
p a,
ul a,
ol a {
  color: #2d3238;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
p a:hover,
ul a:hover,
ol a:hover {
  color: #ff7568;
}
/* New Stuff Jan 2015 *********************************************************/
.sms-banner {
  width: 100%;
  height: 600px;
  background-color: #2d3238;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/text-banner2.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.sms-banner .logo {
  margin: 1.7647058823529411em auto;
  text-indent: -999em;
  display: block;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sprites.png);
  background-position: 0 0;
  width: 167px;
  height: 119px;
}
.sms-banner-alt {
  background-color: #444b54;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms/banner3.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
}
.sms-banner-alt2 {
  background-color: #444b54;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms/banner4.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
}
.sms-banner__overlay h1 {
  font-size: 2.3529411764705883em;
  line-height: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  color: #50d1fd;
  margin: 2.5em 0 0 0;
}
.sms-banner__overlay p {
  margin-top: 40px;
  font-size: 1.7647058823529411em;
  line-height: 1.1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-weight: normal;
}
.sms-banner__overlay p.sms-banner__sml {
  font-size: 1em;
  text-transform: uppercase;
}
.sms-banner__button {
  display: block;
  font-size: 0.5666666666666667em;
  line-height: 2.9411764705882355em;
  text-decoration: none;
  color: #fff;
  background-color: #50d1fd;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  text-align: center;
  padding: 0 0.8823529411764706em;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -ms-transition: all 250ms;
  transition: all 250ms;
}
.sms-banner__button:hover {
  background-color: #ff7568;
  color: #fff;
}
.signup__overlay h1 {
  font-size: 2.1176470588235294em;
  line-height: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin: 5em 0 0 0;
}
.signup__overlay p {
  font-size: 1.411764705882353em;
  line-height: 1.0833333333333333em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #50d1fd;
  font-weight: normal;
  text-align: center;
  margin-bottom: 4.166666666666667em;
}
.signup__overlay .sms-banner__button {
  display: block;
  font-size: 0.7083333333333334em;
  line-height: 2.9411764705882355em;
  text-decoration: none;
  color: #2d3238;
  background-color: #50d1fd;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  padding: 0 0.8823529411764706em;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -ms-transition: all 250ms;
  transition: all 250ms;
}
.signup__overlay .sms-banner__button:hover {
  background-color: #ff7568;
}
.info-switch__header {
  margin-top: 1.3333333333333333em;
  font-size: 1.7647058823529411em;
  line-height: 1.3333333333333333em;
  margin-bottom: 0;
  text-align: center;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.info-switch__header:after {
  content: "";
  display: block;
  width: 1px;
  height: 1.7666666666666666em;
  background-color: #2d3238;
  margin: 10px auto 0 auto;
}
.info-switch-group {
  margin-top: 2.3529411764705883em;
  text-align: center;
}
.info-switch-group:after {
  content: "";
  display: block;
  width: 1px;
  height: 3.1176470588235294em;
  background-color: #2d3238;
  margin: 10px auto 0 auto;
}
.info-switch-group h1 {
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0.6666666666666666em 0 0 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  font-weight: normal;
}
.info-switch-group h2 {
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 0;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff7568;
  font-weight: normal;
}
.info-switch__tabs {
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.info-switch__tabs li {
  margin-top: 10px;
  display: block;
  width: 30%;
  float: left;
  text-align: center;
  border-bottom: 5px solid #2d3238;
  padding: 0.5882352941176471em 0;
  cursor: pointer;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  -ms-transition: all 400ms;
  transition: all 400ms;
}
.info-switch__tabs li:nth-child(2),
.info-switch__tabs li:nth-child(5) {
  margin: 10px 5% 0 5%;
}
.info-switch__tabs li.active,
.info-switch__tabs li.cycle-pager-active {
  cursor: default;
  color: #50d1fd;
  border-bottom: 5px solid #50d1fd;
}
hr {
  border: none;
  height: 2px;
  background-color: #2d3238;
}
.info-switch .cycle-slideshow {
  margin: 2.3529411764705883em 0;
}
.info-switch .cycle-slideshow__slide {
  overflow: hidden;
  width: 100%;
  height: 440px;
}
.info-switch .cycle-slideshow__info {
  width: 31.914893617021278%;
  margin-left: 8.51063829787234%;
  float: left;
}
.info-switch .cycle-slideshow__info h2 {
  font-size: 1.7647058823529411em;
  line-height: 1.1333333333333333em;
  font-weight: normal;
  color: #50d1fd;
}
.info-switch .cycle-slideshow__info p {
  font-size: 1.1764705882352942em;
  line-height: 1.1em;
}
.info-switch .cycle-slideshow__graphic {
  width: 57.446808510638306%;
  float: right;
}
.graphic-item {
  width: 100%;
  height: 600px;
  background-color: #5a6471;
  background: #5a6471 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms/banner1.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.graphic-item__intro {
  padding-top: 5.882352941176471em;
}
.graphic-item__intro h2 {
  font-size: 2.3529411764705883em;
  line-height: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  color: #fff;
  margin: 0 0 1em 0;
}
.graphic-item__intro p {
  font-size: 1.7647058823529411em;
  line-height: 1.1em;
  font-weight: normal;
  color: #fff;
}
.graphic-item__aside {
  height: 600px;
  padding: 0 20px;
  background-color: rgba(80, 209, 253, 0.4);
}
.graphic-item__aside h3 {
  margin-top: 0;
  font-size: 1.7647058823529411em;
  line-height: 1.1em;
  padding-top: 3.3333333333333335em;
  font-weight: normal;
  color: #fff;
}
.graphic-item__aside ul {
  color: #fff;
  padding: 0;
  margin-left: 1.3em;
}
.graphic-item__aside ul li {
  font-size: 1.1764705882352942em;
  line-height: 1.3em;
  margin-bottom: 0.25em;
}
.color-blocks {
  width: 100%;
  height: 600px;
  background-color: #2d3238;
  position: relative;
}
.color-blocks__header {
  margin-top: 1.3333333333333333em;
  font-size: 1.7647058823529411em;
  line-height: 1.3333333333333333em;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.color-blocks__header:after {
  content: "";
  display: block;
  width: 1px;
  height: 1.7666666666666666em;
  background-color: #fff;
  margin: 10px auto 0.5882352941176471em auto;
}
.color-blocks__item {
  display: block;
  width: 30%;
  float: left;
  text-align: center;
  min-height: 370px;
}
.color-blocks__item:nth-child(2) {
  margin: 0 5%;
}
.color-block__red {
  background-color: #ff7568;
}
.color-block__green {
  background-color: #1b9d8b;
}
.color-block__yellow {
  background-color: #ffb46e;
}
.color-blocks__subheader {
  margin: 0;
  padding: 0.8823529411764706em 2.3529411764705883em;
  border-bottom: 2px solid #2d3238;
  color: #fff;
  font-size: 1.1764705882352942em;
  line-height: 1em;
  height: 2em;
  text-transform: uppercase;
  font-weight: normal;
}
.color-blocks__content {
  padding: 0.8823529411764706em;
  display: table-cell;
  height: 262px;
}
.color-blocks__content p {
  color: #fff;
  margin-top: 0;
  line-height: 1.2em;
  text-align: center;
}
.whitepaper {
  width: 100%;
  height: 600px;
  background-color: #5a6471;
  background: #5a6471 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms/banner2.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.whitepaper-form {
  margin-bottom: 2.3529411764705883em;
}
.whitepaper-form .sml {
  font-size: 0.8235294117647058em;
}
.whitepaper-form .gform_description {
  display: block;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  padding: 8px;
  padding-bottom: 1em;
  font-size: 1em;
  text-decoration: underline;
}
.whitepaper-form .validation_error,
.whitepaper-form .gform_confirmation_wrapper {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin-bottom: 1em;
}
.whitepaper-form .validation_error {
  color: #ff7568;
}
.whitepaper-form .gform_confirmation_wrapper {
  color: #50d1fd;
}
.whitepaper-form .gform_wrapper .gform_body,
.whitepaper-form .gform_wrapper .gform_footer {
  display: inline-block;
}
.whitepaper-form .gform_wrapper .gfield_label {
  display: none;
}
.whitepaper-form .gform_wrapper .gform_fields {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.whitepaper-form .gform_wrapper .gform_fields .validation_message {
  color: #ff7568;
  margin: 2px 0;
  font-size: 0.8235294117647058em;
}
.whitepaper-form .gform_wrapper .gform_fields .ginput_container input {
  outline: none;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 8px 3.3333333333333335%;
  box-sizing: border-box;
  width: 100%;
  border-right: 0;
}
.whitepaper-form .gform_wrapper .gform_button {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background-color: transparent;
  border: 0;
  border: 1px solid #fff;
  box-sizing: border-box;
  padding: 8px 0;
  width: 100%;
  display: block;
  outline: none;
}
.whitepaper-form .gform_wrapper .gform_button:hover,
.whitepaper-form .gform_wrapper .gform_button:focus {
  background-color: #fff;
  color: #2d3238;
}
.whitepaper-form .gform_wrapper .gform_body {
  width: 80%;
}
.whitepaper-form .gform_wrapper .gform_footer {
  width: 20%;
  float: right;
}
.whitepaper-form .gform_wrapper img.gform_ajax_spinner {
  position: absolute;
  margin-top: 10px;
  right: 0;
}
.whitepaper-form .gfield {
  display: block;
}
.whitepaper-form__title {
  font-size: 2.3529411764705883em;
  line-height: 1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  color: #50d1fd;
  margin: 2.5em 0 0 0;
}
.whitepaper-form__summary {
  font-size: 1.7647058823529411em;
  line-height: 1.1em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-weight: normal;
}
.whitepaper-form__sml {
  color: #fff;
}
.three-col-table-inverse {
  margin-bottom: 0;
  height: 600px;
  background-color: #2d3238;
}
.three-col-table-inverse .table .trow .tcell.title {
  background-image: none;
}
.three-col-table-inverse .table .trow .tcell p.icon {
  background-color: #2d3238;
}
.three-col-table-inverse .table .trow .tcell p.title {
  margin-bottom: 0;
  background-color: transparent;
}
.three-col-table-inverse .table .trow .tcell p.title span {
  padding-top: 10px;
  padding-bottom: 0;
  background-color: transparent;
  color: #50d1fd;
}
.three-col-table-inverse .table .trow .tcell p.title:before {
  content: "";
  display: block;
  width: 1px;
  height: 3.1176470588235294em;
  background-color: #50d1fd;
  margin: 10px auto 0.5882352941176471em auto;
}
/* New Stuff April 2015 *********************************************************/
.text-banner {
  width: 100%;
  height: 600px;
  background-color: #2d3238;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/text-banner.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  text-align: center;
}
.text-banner .logo {
  margin: 1.7647058823529411em auto;
  text-indent: -999em;
  display: block;
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sprites.png);
  background-position: 0 0;
  width: 167px;
  height: 119px;
  margin-bottom: 4.705882352941177em;
}
.text-banner h2 {
  margin: 1.3333333333333333em 0 0 0;
  font-size: 1.7647058823529411em;
  line-height: 1.2em;
  color: #fff;
}
.text-banner p {
  text-align: center;
}
.text-banner p .logo {
  display: inline-block;
}
h2.text-header {
  text-align: center;
  font-weight: normal;
  font-size: 1.9411764705882353em;
  line-height: 0.9696969696969697em;
  letter-spacing: 1px;
  margin: 1.5em 0;
}
p.intro,
p.cta {
  margin: 0;
  text-align: center;
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
}
p.cta {
  color: #50d1fd;
  font-weight: bold;
  margin-bottom: 2.0833333333333335em;
}
.pricing-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
  table-layout: fixed;
}
.pricing-table thead {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pricing-table tbody {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pricing-table th {
  padding: 1.7647058823529411em 0.8823529411764706em;
  background-color: #2d3238;
  color: #fff;
  font-size: 1.1764705882352942em;
}
.pricing-table th.pricing-table__divider {
  background-color: #50d1fd;
  height: 1em;
  padding: 0.8823529411764706em;
}
.pricing-table td {
  padding: 0.8823529411764706em;
  text-align: center;
  background-color: #c5d1fd;
  background-color: rgba(197, 209, 253, 0.37);
  font-size: 1.1764705882352942em;
}
.text-sms__content {
  margin-bottom: 60px;
}
.text-sms__content img {
  display: block;
  max-width: 100%;
  height: auto;
}
.text-sms__signup {
  margin-top: 3em;
}
.text-button {
  display: block;
  font-size: 1.5294117647058822em;
  line-height: 2.4615384615384617em;
  text-decoration: none;
  color: #fff;
  text-align: center;
  background-color: #50d1fd;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  padding: 0 0.8823529411764706em;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -ms-transition: all 250ms;
  transition: all 250ms;
}
.text-button:hover {
  color: #fff;
  background-color: #ff7568;
}
.text-carousel {
  width: 100%;
  height: 820px;
  background-color: #2d3238;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/text-carousel-bg.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.text-banner__person {
  width: 100%;
  height: 600px;
  background-color: #2d3238;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/text-banner2.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.text-banner__person p.lrg {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 2.823529411764706em;
  line-height: 1em;
  font-weight: bold;
  font-style: italic;
  margin: 0;
}
.text-banner__person h2 {
  margin-top: 0;
  font-size: 2.9411764705882355em;
  line-height: 1em;
  margin-top: 4.4em;
  margin-bottom: 0.8em;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.text-banner__person h3 {
  margin-top: 0;
  font-size: 1.7647058823529411em;
  line-height: 0.9090909090909091em;
  margin-top: 2em;
  margin-bottom: 2.6666666666666665em;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
.text-banner__person ul {
  color: #fff;
  padding: 0;
  margin-left: 1.3em;
}
.text-banner__person ul li {
  font-size: 1.1764705882352942em;
  line-height: 1.3em;
  margin-bottom: 0.25em;
}
.text-banner__person .sms-banner__button {
  font-size: 1.5294117647058822em;
  line-height: 2.5em;
  color: #2d3238;
}
.text-banner__pricing {
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms-pricing-banner.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
}
.text-banner__alt {
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms/banner4.jpg) top center;
  -webkit-background-size: cover;
  background-size: cover;
}
.white-header {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  display: block;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin: 2em 0 2em 0;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}
.white-header:after {
  content: "";
  display: block;
  width: 1px;
  height: 1.7666666666666666em;
  background-color: #fff;
  margin: 20px auto 1.1764705882352942em auto;
}
.cycle-carousel .cycle-prev,
.cycle-carousel .cycle-next {
  width: 30px;
  height: 50px;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 200;
  cursor: pointer;
}
.cycle-carousel .cycle-prev {
  left: 20px;
  background-image: linear-gradient(transparent, transparent), url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms-carousel-prev.svg);
}
.cycle-carousel .cycle-next {
  right: 20px;
  background-image: linear-gradient(transparent, transparent), url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms-carousel-next.svg);
}
.carousel-slide {
  width: 100%;
}
.carousel-slide__header {
  background-color: #ff7568;
  color: #fff;
  font-size: 1.7647058823529411em;
  line-height: 2.3333333333333335em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin-bottom: 5px;
}
.carousel-slide__content {
  background-color: #ff7568;
  padding: 6.382978723404255% 21.27659574468085%;
  min-height: 130px;
}
.carousel-slide__content h3 {
  text-align: center;
  color: #fff;
  font-size: 1.7647058823529411em;
  font-weight: normal;
  margin-top: 0;
}
.carousel-slide__content p {
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}
.page-template-tmpl-sms .carousel-slide__content p {
  margin-top: 0;
  font-size: 1.2em;
  line-height: 1.2em;
}
.cycle-carousel .carousel-slide:nth-child(3n+1) .carousel-slide__header,
.cycle-carousel .carousel-slide:nth-child(3n+1) .carousel-slide__content {
  background-color: #ff7568;
}
.cycle-carousel .carousel-slide:nth-child(3n+2) .carousel-slide__header,
.cycle-carousel .carousel-slide:nth-child(3n+2) .carousel-slide__content {
  background-color: #1b9d8b;
}
.cycle-carousel .carousel-slide:nth-child(3n+3) .carousel-slide__header,
.cycle-carousel .carousel-slide:nth-child(3n+3) .carousel-slide__content {
  background-color: #ffb46e;
}
.cycle-pager {
  margin-top: 40px;
  text-align: center;
  font-size: 4em;
  letter-spacing: 0.5em;
}
.cycle-pager span {
  cursor: pointer;
}
.cycle-pager span:nth-child(3n+1) {
  color: #ff7568;
}
.cycle-pager span:nth-child(3n+2) {
  color: #1b9d8b;
}
.cycle-pager span:nth-child(3n+3) {
  color: #ffb46e;
}
.resources-content,
.article-single {
  margin: 2.3529411764705883em 0 4.705882352941177em 0;
}
.resources-content article,
.article-single article {
  padding-right: 2.3529411764705883em;
  padding-bottom: 4.705882352941177em;
}
.resources-content article h1,
.article-single article h1 {
  margin-top: 0;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  color: #50d1fd;
  font-weight: normal;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.resources-content article h2,
.article-single article h2 {
  font-size: 1.588235294117647em;
  line-height: 1.2em;
  font-weight: normal;
  color: #ff7568;
  margin-top: 1.4814814814814814em;
}
.resources-content article h3,
.article-single article h3 {
  font-size: 1.2941176470588236em;
  line-height: 1.2em;
  color: #ff7568;
  font-weight: normal;
  margin-top: 1.8181818181818181em;
}
.resources-content article h4,
.article-single article h4 {
  font-weight: bold;
  margin-top: 2.3529411764705883em;
}
.resources-content article .aligncenter,
.article-single article .aligncenter {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.resources-content article blockquote,
.article-single article blockquote {
  border-left: 2px solid #1b9d8b;
  margin-left: 0;
  padding-left: 20px;
}
.resources-content article blockquote p,
.article-single article blockquote p {
  font-size: 1.2941176470588236em;
  line-height: 1.2em;
  color: #1b9d8b;
}
.resources-content .article-header h1,
.article-single .article-header h1 {
  font-size: 1em;
  color: #2d3238;
  margin: 0;
}
.resources-child__nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.resources-child__nav li {
  line-height: 1.1764705882352942em;
  margin: 0.29411764705882354em 0;
}
.resources-child__nav ul {
  padding: 0;
  list-style-type: none;
}
.resources-child__nav ul li a {
  color: #50d1fd;
  text-decoration: none;
}
.resources-child__nav ul li a:hover {
  color: #ff7568;
}
.resources-child__nav ul li.current_page_item a {
  color: #2d3238;
  text-decoration: underline;
  cursor: default;
}
.resources-child__nav ul li ul {
  margin: 0 0 0 1em;
}
.resources-main h2 {
  color: #2d3238;
  font-size: 1em;
  font-weight: normal;
  margin-top: 4.705882352941177em;
}
.resources-main .resources-main__nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.resources-main .resources-main__nav li {
  margin: 0.29411764705882354em 0 0 0;
  position: relative;
}
.resources-main .resources-main__nav li a {
  display: block;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
  text-indent: 55%;
  background: #50d1fd url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/sms-carousel-next.svg) no-repeat top right;
}
.resources-main .resources-main__nav li a:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.resources-main .resources-main__nav li a:hover {
  text-indent: 60%;
  background-color: #46A8CB;
}
.resources-main .resources-main__nav li.current_page_ancestor a,
.resources-main .resources-main__nav li.current_page_parent a,
.resources-main .resources-main__nav li.current_page_item a {
  background-color: #2d3238;
}
.resources-main .resources-main__nav li.page-item-965 a:before {
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-features.svg);
}
.resources-main .resources-main__nav li.page-item-967 a:before {
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-howto.svg);
}
.resources-main .resources-main__nav li.page-item-971 a:before {
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-industry.svg);
}
.resources-main .resources-main__nav li.page-item-952 a:before {
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-pricing.svg);
}
.resources-main .resources-main__nav li.page-item-969 a:before {
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-marketing.svg);
}
.resources-main .resources-main__nav li.page-item-973 a:before {
  background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-legal.svg);
}
.resources-cta {
  margin-top: 2.3529411764705883em;
  font-size: 20px;
  line-height: 26px;
  display: block;
  text-decoration: none;
}
.resources-cta span {
  display: block;
  color: #fff;
  background-color: #ff7568;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5882352941176471em;
}
.resources-cta span strong {
  display: block;
}
.resources-cta div {
  display: block;
  color: #fff;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8.823529411764707em 0.5882352941176471em 0.5882352941176471em 0.5882352941176471em;
  background: #2d3238 url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/icon-sms-gift.svg) center 35px no-repeat;
  background-size: 80px 80px;
  -webkit-transition: background-color 250ms;
  -moz-transition: background-color 250ms;
  -o-transition: background-color 250ms;
  -ms-transition: background-color 250ms;
  transition: background-color 250ms;
}
.resources-cta:hover div {
  background-color: #50d1fd;
}
.sms-ribbon {
  background-color: #22252a;
}
.sms-ribbon.stuck {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.admin-bar .sms-ribbon.stuck {
  top: 32px;
}
.navigation-sms ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.navigation-sms ul li {
  display: inline-block;
  margin: 0.8823529411764706em;
}
.navigation-sms ul li a {
  color: #fff;
  text-decoration: none;
}
.navigation-sms ul li.current-menu-item a,
.navigation-sms ul li.current_page_item a,
.navigation-sms ul li.current-page-ancestor a {
  color: #50d1fd;
}
.single-marketing-news .navigation-sms ul li.menu-item-1019 a {
  color: #50d1fd;
}
.single-industry-news .navigation-sms ul li.menu-item-1018 a {
  color: #50d1fd;
}
.text-footer {
  padding-bottom: 2.3529411764705883em;
}
.text-footer h2 {
  font-weight: normal;
  text-align: center;
  font-size: 2.3529411764705883em;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.text-footer h2:after {
  content: "";
  display: inline-block;
  width: 200px;
  height: 1px;
  background-color: #fff;
}
.text-footer p {
  text-align: center;
  color: #fff;
  margin: 0;
}
.main-footer hr {
  margin-bottom: 2.3529411764705883em;
}
.article-list,
.article-single {
  margin: 2.3529411764705883em 0 4.705882352941177em 0;
}
.article-list article.type-marketing-news,
.article-single article.type-marketing-news,
.article-list article.type-industry-news,
.article-single article.type-industry-news,
.article-list article.post,
.article-single article.post {
  margin-bottom: 2.3529411764705883em;
}
.article-list .article-header,
.article-single .article-header {
  background-color: #50d1fd;
  padding: 0.5882352941176471em;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-list .article-header a,
.article-single .article-header a {
  color: #2d3238;
  text-decoration: none;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -ms-transition: all 250ms;
  transition: all 250ms;
}
.article-list .article-header a:hover,
.article-single .article-header a:hover {
  color: #fff;
}
.article-list .article-img img,
.article-single .article-img img {
  max-width: 100%;
  display: block;
}
.article-list .article-intro,
.article-single .article-intro {
  background-color: #2d3238;
  padding: 0.5882352941176471em;
  position: relative;
}
.article-list .article-intro h2,
.article-single .article-intro h2 {
  color: #fff;
  margin: 0;
  width: 65%;
  font-size: 1.588235294117647em;
  line-height: 1.2em;
  font-weight: normal;
}
.article-list .article-intro h2 a,
.article-single .article-intro h2 a {
  color: #fff;
  text-decoration: none;
}
.article-list .article-intro h2 a:hover,
.article-single .article-intro h2 a:hover {
  color: #50d1fd;
}
.article-list .article-intro p,
.article-single .article-intro p {
  color: #fff;
  line-height: 1.5em;
}
.article-list .article-intro p.article-intro__date,
.article-single .article-intro p.article-intro__date {
  position: absolute;
  text-decoration: underline;
  top: 0.5882352941176471em;
  right: 0.5882352941176471em;
  margin: 0;
}
.article-list .article-intro p a,
.article-single .article-intro p a {
  color: #50d1fd;
}
.article-single .article-header {
  background-color: #50d1fd;
  display: block;
  padding: 0.5882352941176471em;
  color: #2d3238;
  text-decoration: none;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -ms-transition: all 250ms;
  transition: all 250ms;
}
.article-single .article-feature img {
  display: block;
  max-width: 100%;
}
.article-single .article-single__title {
  font-size: 1.588235294117647em;
  font-weight: normal;
  margin-top: 0.7407407407407407em;
  margin-bottom: 0;
  border: none;
  color: #2d3238;
}
.article-single .article-single__date {
  text-decoration: underline;
}
.article-sharing {
  background-color: #f5f5f5;
}
.article-sharing ul {
  list-style-type: none;
  padding: 0.5882352941176471em;
  margin: 0;
}
.article-sharing ul li {
  display: inline-block;
  margin-right: 0.29411764705882354em;
}
.article-sharing ul li a:hover {
  color: #50d1fd;
}
.article-list__footer {
  overflow: hidden;
}
.article-list__footer .alignleft {
  width: 50%;
  float: left;
}
.article-list__footer .alignright {
  width: 50%;
  float: right;
  text-align: right;
}
.article-list__footer a {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #50d1fd;
}
.related-content {
  margin-top: 2.3529411764705883em;
}
.related-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.related-content ul li {
  display: block;
  float: left;
  width: 30.64516129032258%;
  margin-right: 3.225806451612903%;
}
.related-content ul li:nth-child(3n+3) {
  margin-right: 0;
}
.related-content__header {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.7407407407407407em;
  font-size: 1.588235294117647em;
  font-weight: normal;
  color: #2d3238;
  margin-top: 1.4814814814814814em;
}
.related-content__item .related-content__image {
  display: block;
  margin-bottom: 0.5882352941176471em;
}
.related-content__item .related-content__image img {
  display: block;
}
.related-content__item h2 {
  font-size: 0.8235294117647058em;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 0.5882352941176471em;
}
.related-content__item p {
  font-size: 0.8235294117647058em;
  line-height: 1.2em;
  margin: 0.5882352941176471em 0;
}
.secondary-content {
  margin-top: 3.5294117647058822em;
}
.secondary-content .validation_error,
.secondary-content .gform_confirmation_wrapper {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  margin-bottom: 1em;
}
.secondary-content .validation_error {
  color: #ff7568;
}
.secondary-content .gform_confirmation_wrapper {
  color: #50d1fd;
}
.secondary-content .gfield {
  margin-top: 10px;
}
.secondary-content .gform_title {
  margin-top: 0;
  font-size: 1.7647058823529411em;
  line-height: 1.0666666666666667em;
  margin-bottom: 20px;
  color: #50d1fd;
  font-weight: normal;
}
.secondary-content .gform_description {
  display: block;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background-color: #50d1fd;
  padding: 5px;
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
}
.secondary-content .gfield_description {
  margin-top: 5px;
  font-size: 0.8235294117647058em;
  line-height: 1.2em;
  color: #666;
}
.secondary-content .gform_wrapper {
  margin-bottom: 20px;
}
.secondary-content .gform_wrapper .gform_fields {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.secondary-content .gform_wrapper .gform_fields .validation_message {
  color: #ff7568;
  margin: 2px 0;
  font-size: 0.8235294117647058em;
}
.secondary-content .gform_wrapper .gform_fields .ginput_container input {
  outline: none;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d3238;
  background-color: transparent;
  border: 1px solid #2d3238;
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
}
.secondary-content .gform_wrapper .gform_fields .ginput_container input[type=checkbox] {
  display: inline-block;
  width: auto;
}
.secondary-content .gform_wrapper .gform_button {
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background-color: #ff7568;
  border: 0;
  box-sizing: border-box;
  padding: 8px 0;
  width: 100%;
  display: block;
  outline: none;
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
}
.secondary-content .gform_wrapper .gform_button:hover,
.secondary-content .gform_wrapper .gform_button:focus {
  background-color: #2d3238;
  color: #fff;
}
.secondary-content .gform_wrapper .gform_footer {
  margin-top: 20px;
}
.secondary-content .gform_wrapper img.gform_ajax_spinner {
  position: absolute;
  margin-top: 10px;
  right: 0;
}
.secondary-content .gfield {
  display: block;
}
.secondary-content .gfield_checkbox {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.secondary-content .gfield_checkbox li {
  display: inline-block;
  margin-right: 10px;
}
.secondary-content .gfield_checkbox li input[type=checkbox],
.secondary-content .gfield_checkbox li label {
  display: inline-block;
  width: auto;
}
.secondary-content h1 {
  margin-top: 1.9047619047619047em;
  font-size: 1.411764705882353em;
  line-height: 1.3333333333333333em;
  color: #50d1fd;
  font-weight: normal;
  font-family: "tenso", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.secondary-content h2 {
  font-size: 1.2352941176470589em;
  line-height: 1.2em;
  font-weight: normal;
  color: #50d1fd;
  margin-top: 1.9047619047619047em;
}
.secondary-content h3 {
  font-size: 1.0588235294117647em;
  line-height: 1.2em;
  color: #50d1fd;
  font-weight: normal;
  margin-top: 2.2222222222222223em;
}
.secondary-content h4 {
  font-weight: bold;
  margin-top: 2.3529411764705883em;
}
.secondary-content p {
  font-size: 0.8235294117647058em;
}
.secondary-content .aligncenter {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.secondary-content blockquote {
  border-left: 2px solid #1b9d8b;
  margin-left: 0;
  padding-left: 20px;
}
.secondary-content blockquote p {
  font-size: 1.2941176470588236em;
  line-height: 1.2em;
  color: #1b9d8b;
}
.mobile-show {
  display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  .mobile-hide {
    display: none;
  }
  .mobile-show {
    display: block;
    background-color: #2d3238;
  }
  .mobile-show .span12 {
    overflow: hidden;
  }
  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9,
  .span10,
  .span11,
  .span12 {
    width: 90.625%;
    margin: 0 4.6875%;
  }
  .case-study .fullbleed {
    height: 240px;
  }
  .case-study .fullbleed .container,
  .case-study .fullbleed .row,
  .case-study .fullbleed .span4 {
    width: 100%;
    margin: 0;
  }
  body {
    font-size: 13px;
    line-height: 16px;
  }
  .container {
    width: 100%;
  }
  .logo {
    display: block;
    width: 100px;
    height: 31px;
    background: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/mobile-logo.png);
    text-indent: -999em;
    margin: 19px 0;
    float: left;
  }
  .text-banner {
    height: auto;
  }
  .text-banner .logo {
    float: none;
    margin-bottom: 20px;
  }
  .text-banner h2 {
    margin: 1em 0;
  }
  .nav-row {
    display: none;
  }
  .header {
    border-top: 0;
  }
  .header .fa {
    color: #fff;
    float: right;
    margin: 15px 0;
  }
  .navigation-main ul {
    margin: 15px 0;
  }
  .navigation-main ul li {
    display: block;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-main ul li:last-child {
    margin-bottom: 0;
  }
  .navigation-main ul li a {
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 30px;
    font-size: 16px;
  }
  .navigation-main ul li.current-menu-item a,
  .navigation-main ul li.current-page-ancestor a {
    border-bottom: none;
    background-color: #1b9d8b;
    color: #fff;
  }
  .single-case-study .navigation-main ul li.menu-item-60 a {
    border-bottom: none;
    background-color: #1b9d8b;
    color: #fff;
  }
  .banner {
    height: 200px;
  }
  .banner .overlay .logo {
    display: none;
  }
  .banner .overlay h1 {
    margin-top: 20px;
    font-size: 20px;
  }
  .banner .overlay p {
    font-size: 13px;
    line-height: 1.2em;
  }
  .banner .overlay p br {
    display: none;
  }
  .banner .overlay p a {
    color: #fff;
  }
  .banner .overlay .signup {
    display: none;
  }
  .banner .cycle-slideshow {
    height: 200px;
  }
  .banner .cycle-slideshow .slide {
    height: 200px;
  }
  .three-col-table {
    margin-bottom: 3.076923076923077em;
  }
  .three-col-table .table .trow {
    border-spacing: 10px;
  }
  .three-col-table .table .trow .tcell p.icon img {
    max-width: 100%;
  }
  img {
    max-width: 100%;
  }
  .service-area a.title {
    line-height: 40px;
  }
  .service-area .full-bleed {
    height: auto;
  }
  .service-area .full-bleed .span4 {
    width: 135px;
    margin: 0 90px;
  }
  .service-area .full-bleed .related-text p {
    margin-top: 20px;
    font-size: 1.2em;
    text-align: center;
  }
  .service-area .full-bleed .related-text .read-more {
    line-height: 40px;
    position: relative;
    width: 280px;
    background-position: 270px 4px;
  }
  .service-area .full-bleed .related-text .read-more.yellow:hover,
  .service-area .full-bleed .related-text .read-more.red:hover,
  .service-area .full-bleed .related-text .read-more.green:hover {
    background-position: 280px 4px;
  }
  .service-area .full-bleed .icon {
    margin-top: 20px;
  }
  .case-study {
    margin-top: 40px;
  }
  .case-study header {
    line-height: 40px;
  }
  .case-study .full-bleed {
    height: 300px;
  }
  .product-area {
    margin: 20px 0;
  }
  .product-area .benefits ul {
    margin-left: 20px;
  }
  .product-area .product-header hgroup h1 {
    margin-top: 0;
  }
  .three-col-table {
    margin-bottom: 20px;
  }
  .three-col-table header {
    margin-top: 20px;
  }
  .main-footer {
    padding: 10px 0;
  }
  .main-footer address {
    padding-bottom: 0;
  }
  .main-footer address p {
    margin-top: 0;
  }
  .main-footer address p span {
    display: inline;
  }
  .main-footer .span4,
  .main-footer .span6 {
    width: 140px;
    margin: 0 10px;
  }
  .main-footer i.logo {
    display: none;
  }
  .main-footer ul.social-accounts li {
    margin: 0 2px;
  }
  .main-footer .copyright p,
  .main-footer .cite p {
    margin: 5px 0;
  }
  .grid {
    width: 320px;
    margin: 10px -10px;
  }
  .grid .item {
    width: 300px;
    height: 300px;
    margin: 5px 10px;
  }
  .grid .item.wide {
    width: 300px;
    height: 200px;
  }
  .grid .item span {
    left: 0;
  }
  .grid .item img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=(50));
    opacity: 0.5;
  }
  .grid .hex-light,
  .grid .hex-dark {
    height: auto;
  }
  .grid p.lrg {
    font-size: 36px;
  }
  .single-case-study .banner .overlay h1 {
    margin-top: 20px;
    font-size: 24px;
  }
  .ribbon p {
    text-align: center;
  }
  .text-content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .text-content article .gform_wrapper .gform_body .ginput_container input,
  .text-content article .gform_wrapper .gform_body .ginput_container textarea {
    border: 1px solid #2d3238;
    width: 282px;
    background-color: transparent;
    padding: 8px;
    outline: none;
  }
  .text-content article .gform_wrapper .gform_body .ginput_container input:focus,
  .text-content article .gform_wrapper .gform_body .ginput_container textarea:focus {
    border: 1px solid #1b9d8b;
  }
  .gmap {
    height: 200px;
  }
  .blog .mobile-show,
  .single .mobile-show,
  .category .mobile-show {
    background-color: #22252a;
  }
  .blog .blog-list .post .img,
  .single .blog-list .post .img,
  .category .blog-list .post .img {
    margin: 0 0 20px 0;
  }
  .blog .blog-list .post aside,
  .single .blog-list .post aside,
  .category .blog-list .post aside {
    width: 300px;
    float: none;
  }
  .blog .blog-list .post aside h2,
  .single .blog-list .post aside h2,
  .category .blog-list .post aside h2 {
    margin-top: 1em;
  }
  .blog .blog-list .post aside .meta,
  .single .blog-list .post aside .meta,
  .category .blog-list .post aside .meta {
    float: left;
  }
  .blog .blog-list .post aside .share,
  .single .blog-list .post aside .share,
  .category .blog-list .post aside .share {
    margin-top: 1em;
    float: right;
    display: none;
  }
  .blog .blog-list .post article,
  .single .blog-list .post article,
  .category .blog-list .post article {
    width: 300px;
    margin-left: 0;
    float: none;
  }
  .blog .blog-list .post article h1,
  .single .blog-list .post article h1,
  .category .blog-list .post article h1 {
    margin-top: 0;
  }
  .sms-banner {
    height: auto;
    text-align: center;
  }
  .sms-banner .logo {
    width: 100%;
    background-position: center center;
  }
  .sms-banner p {
    text-align: center;
  }
  .info-switch .cycle-slideshow__info {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  .info-switch .cycle-slideshow__graphic {
    width: 100%;
  }
  .info-switch .cycle-slideshow__slide {
    height: auto;
  }
  .info-switch__tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .info-switch__tabs li {
    display: table-cell;
    font-size: 12px;
    margin: 0;
  }
  .info-switch__tabs li:nth-child(2) {
    margin-top: 0;
  }
  .text-carousel,
  .whitepaper,
  .three-col-table-inverse {
    height: auto;
    padding-bottom: 40px;
    margin: 0;
  }
  .main-footer .span6 {
    width: 300px;
    margin: 0 10px;
  }
  .text-footer h2:after {
    display: none;
  }
  .navigation-sms {
    background-color: #16191c;
  }
  .article-list .article-intro h2 {
    width: 100%;
    font-size: 24px;
  }
  .article-list .article-intro p {
    font-size: 15px;
  }
  .article-list .article-intro p.article-intro__date {
    position: static;
    margin-top: 10px;
  }
  .article-list .article-header {
    font-size: 15px;
  }
  .article-single article {
    padding: 0;
  }
  .article-single article h2 {
    font-size: 21px;
  }
  .article-single article p,
  .article-single article ul,
  .article-single article ol {
    font-size: 15px;
    line-height: 21px;
  }
  .article-single .article-single__title {
    font-size: 24px;
  }
  .article-single .article-header {
    font-size: 15px;
  }
  .article-sharing {
    font-size: 15px;
  }
  .resources-content__sidebar {
    font-size: 15px;
  }
  .blog .resources-content article,
  .single-post .resources-content article,
  .category .resources-content article,
  .page-template-tmpl-industry-news .resources-content article,
  .page-template-tmpl-marketing-news .resources-content article,
  .page-template-tmpl-resources-single2 .resources-content article,
  .tax-i-category .resources-content article,
  .tax-m-category .resources-content article,
  .single-industry-news .resources-content article,
  .single-marketing-news .resources-content article,
  .blog .article-list article,
  .single-post .article-list article,
  .category .article-list article,
  .page-template-tmpl-industry-news .article-list article,
  .page-template-tmpl-marketing-news .article-list article,
  .page-template-tmpl-resources-single2 .article-list article,
  .tax-i-category .article-list article,
  .tax-m-category .article-list article,
  .single-industry-news .article-list article,
  .single-marketing-news .article-list article,
  .blog .article-single article,
  .single-post .article-single article,
  .category .article-single article,
  .page-template-tmpl-industry-news .article-single article,
  .page-template-tmpl-marketing-news .article-single article,
  .page-template-tmpl-resources-single2 .article-single article,
  .tax-i-category .article-single article,
  .tax-m-category .article-single article,
  .single-industry-news .article-single article,
  .single-marketing-news .article-single article {
    padding: 0;
    font-size: 15px;
    line-height: 21px;
  }
  .related-content {
    margin-bottom: 40px;
    overflow: hidden;
  }
  .related-content ul li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .related-content .related-content__item {
    font-size: 18px;
  }
  .text-banner__person {
    height: auto;
  }
  .text-banner__person h3 {
    margin: 20px 0;
  }
  .text-banner__person h2 {
    margin-top: 40px;
    font-size: 24px;
  }
  .text-banner__person .sms-banner__button {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .resources-cta {
    font-size: 15px;
    text-align: center;
  }
  .text-banner__person p.lrg {
    font-size: 24px;
  }
  .carousel-slide__header {
    font-size: 18px;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .carousel-slide__content h3 {
    font-size: 18px;
  }
  .page-template-tmpl-landingpage .text-content {
    padding-bottom: 0;
  }
  .page-template-tmpl-landingpage .secondary-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    font-size: 14px;
    line-height: 18px;
  }
  .container {
    width: 90%;
  }
  .banner .overlay p br {
    display: none;
  }
  .partners img {
    max-width: 100%;
  }
  .three-col-table {
    margin-bottom: 2.3529411764705883em;
  }
  .three-col-table .table .trow .tcell p.icon img {
    max-width: 100%;
  }
  .product-area {
    margin-top: 2.3529411764705883em;
    margin-bottom: 2.3529411764705883em;
  }
  .main-footer ul.social-accounts li {
    margin: 0 1em;
    float: left;
  }
  .carousel-slide__content {
    min-height: 100px;
  }
  .text-carousel {
    height: 600px;
  }
  .whitepaper,
  .sms-banner,
  .graphic-item {
    height: 500px;
  }
  .resources-cta {
    font-size: 15px;
    line-height: 18px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .header .logo {
    background-image: url(/web/20160320060635im_/http://www.beehivetelecom.co.uk/wp-content/themes/beehive/img/mobile-logo@2x.png);
    background-size: 100% 100%;
  }
}

/*
     FILE ARCHIVED ON 06:06:35 Mar 20, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:43:45 Aug 15, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 103.824
  exclusion.robots: 0.132
  exclusion.robots.policy: 0.12
  RedisCDXSource: 1.199
  esindex: 0.014
  LoadShardBlock: 81.95 (3)
  PetaboxLoader3.datanode: 93.851 (5)
  CDXLines.iter: 17.471 (3)
  load_resource: 184.029 (2)
  PetaboxLoader3.resolve: 118.66 (2)
*/